<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>商品详情</title>
</head>
<link rel="stylesheet" href="css/index4.css">
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="lib/html5shiv/html5shiv.min.js"></script>
<script src="lib/respond/respond.js"></script>
<script src="js/template.js"></script>
<script src="lib/jquery/jquery.js"></script>
<script src="js/getproduct.js"></script>
            <body>
            <!--顶部-->
            <div class="conttop">
                <img src="images/header_logo.png" alt="">
                <img src="images/header_app.png" alt="">
            </div>
            <!--搜索栏-->
            <div class="suo">
                <input type="text">
                <input type="button" value="搜索">
            </div>

            <!--catepory分类头-->
            <div class="title clearfix">
                <div class="category fl">
                    <a href="index.html">首页></a>
                    <span id="category_name"></span>
                    <a href="" class="dianshi"></a>
                </div>
                <div class="fr">筛选</div>
            </div>
            <!--商品-->
            <div class="main">
                <!--<p class="xinxi"></p>-->
                <!--<img src="" alt="" class="tu">-->
            </div>
            <!--客户信息-->
            <ul class="kuhu clearfix">
                <li>比价购买</li>
                <li>产品参数</li>
                <li>评价（2322）</li>
            </ul>
            <!--京东-->
            <div class="kehu"></div>
            <!--评价-->
            <div class="toppin">网友评价</div>
            <div class="pingjia">
                <!--<span></span>-->
                <!--<span></span>-->
                <!--<p></p>-->
                <!--<p></p>-->
            </div>
            <div class="bottompin"><div>更多评价</div></div>
            <!--底部-->
            <ul class="na clearfix" role="tablist">
                <li><a href="#">登陆</span></a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#">返回顶部 </a></li>
            </ul>
            <div class="gong">手机APP下载<a href=""> 慢慢买手机版 --掌上比价平台</a>
                <p>m.m.maimai.com</p>
            </div>
            </body>
<!--模板1-->
<script  type="text/html" id="template">
    {{if result}}
    {{each result as value}}
        <p class="xinxi">{{value.productName}}</p>
            {{#value.productImg}}
    {{/each}}
    {{/if}}
</script>
<!--模板2-->
<script type="text/html" id="hui">
    {{if result}}
    {{each result as value}}
    <a href="productlist.html?categoryid={{value.categoryId}}&pageId=1">{{value.category}}</a>
    {{/each}}
    {{/if}}
</script >
<!--模板3-->
<script type="text/html" id="pingjia">
    {{if result}}
    {{each result as value}}
    <span class="fl name">{{value.comName}}</span>
    <span class="fr shijian">{{value.comTime}}</span>
    <p class="lai">{{value.comFrom}}</p>
    <p class="nei">{{value.comContent}}</p>
    {{/each}}
    {{/if}}
</script>
</html>